<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户管理</title>
    <link rel="shortcut icon" th:href="@{/img/favicon.ico}">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" type="text/css" th:href="@{/plugins/bootstrap-5.1.3/css/bootstrap.min.css}">
    <!-- Custom styles for this template -->
    <link rel="stylesheet" type="text/css" th:href="@{/css/admin/sys_user.css}">
    <script th:src="@{/plugins/jQuery/jquery.min.js}"></script>
</head>
<body>
    <div id="container">
        <h2>用户管理</h2>
        <div class="table-responsive">
            <table class="table table-striped table-sm">
                <thead>
                    <tr>
                        <th scope="col">#</th>
                        <th scope="col">用户名</th>
                        <th scope="col">密码</th>
                        <th scope="col">盐值</th>
                        <th scope="col">是否启用</th>
                    </tr>
                </thead>
                <tbody id="userList" th:each="user,state : ${userList}">
                    <tr>
                        <td th:text="${user.id}">1,001</td>
                        <td th:text="${user.username}">random</td>
                        <td th:text="${user.password}">data</td>
                        <td th:text="${user.salt}">placeholder</td>
                        <td th:text="${user.status}">状态</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>

    <script th:src="@{/plugins/bootstrap-5.1.3/js/bootstrap.bundle.min.js}"></script>
    <script th:src="@{/js/admin/sys_user.js}"></script>
</body>
</html>